<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>{if isset($SEO['title']) && !empty($SEO['title'])}{$SEO['title']}{/if}{$SEO['site_title']}</title>
<meta name="keywords" content="{$SEO['keyword']}">
<meta name="description" content="{$SEO['description']}">
<link href="{HOME_PATH}css/style.css" rel="stylesheet" type="text/css" />
<link href="{HOME_PATH}css/media.css" rel="stylesheet" type="text/css">
<link href="{HOME_PATH}css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{HOME_PATH}css/font-awesome.min.css">
<link rel="stylesheet" href="{HOME_PATH}css/animate.min.css">
<link rel="stylesheet" type="text/css" href="{HOME_PATH}css/idangerous.swiper.css">
<script type="text/javascript" src="{HOME_PATH}js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="{HOME_PATH}js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain"> {template "content","header"}
  {template "content","top"}
  <section class="met_section"> {template "content","left"}
    <article>
      <div class="met_article">
        <section class="met_article_head">
          <h1>{$CATEGORYS[$catid][catname]}</h1>
        </section>
        <div class="met_clear"></div>
        <div class="met_module3_list">
          <ul class="lists_1">
            {pc:content action="lists" catid="$catid" num="10" order="id DESC" page="$page"}
            {loop $data $r}
            <li> <a href="{$r[url]}">
              <div class="img"> <img src="{thumb($r[thumb],300,300)}" alt="{$r[title]}" class="tupian" loadwidth="300" loadheight="300"> </div>
              <div class="product_detail">
                <h2>{str_cut($r[title],28)}</h2>
                <p>{$CATEGORYS[$r[cateid]][catname]} </p>
                <i>+</i> </div>
              </a> </li>
              {/loop}
            {/pc}
          </ul>
          <div class="met_clear"></div>
          <div class="met_pager"> {$pages} </div>
        </div>
        <div class="met_clear"></div>
      </div>
    </article>
    <div class="met_clear"></div>
  </section>
  <div class="xgcase">
    <div class="content">
      <div class="lmtit">
        <div class="cn">应用案例推荐</div>
        <div class="en">RECOMMENDED CASES</div>
      </div>
      <div class="xgcasenr">
        <div class="bd">
          <ul>
            {pc:content action="lists" catid="$catid" num="20" order="id DESC" page="$page"}
            {loop $data $r}
            <li><a href="{$r[url]}">
              <div class="pic"><img src="{thumb($r[thumb],300,300)}" alt="{$r[title]}" class="tupian" loadwidth="915" loadheight="540"></div>
              <div class="tit">{str_cut($r[title],28)}</div>
              </a></li>
             {/loop}
            {/pc}
          </ul>
        </div>
        <a href="javascript:void(0);" class="prev"><i class="fa fa-angle-left"></i></a> <a href="javascript:void(0);" class="next"><i class="fa fa-angle-right"></i></a>
        <div class="clean"></div>
      </div>
    </div>
  </div>
  <script data-cfasync="false" src="{dede:global.cfg_cmspath/}/skin/js/email-decode.min.js"></script><script type="text/javascript">
        if ($(window).width() <=850) { var nynavgs= 2 }else{ var nynavgs= 4 }
        jQuery(".xgcasenr").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:nynavgs});
    </script> 
  {template "content","footer"} </div>
</body>
</html>